
<template>
    <div id="index">
        <header1 class="topbar"></header1>
        <section class="container">
            <div class="left_side">
                <mainLeft></mainLeft>
            </div>
            <div class="main_wrapper">
                <navigator class="nav"></navigator>
                <div id="content">
                <router-view></router-view>
                </div>
            </div>
        </section>
    </div>
</template>

<script>
    import header from '../common/header'
    import mainLeft from '@/components/common/mainLeft'
    import navigator from '@/components/common/navigator'
    export default {
        components:{
            header1: header,
            mainLeft: mainLeft,
            navigator:navigator
        },
        data() {
            return {
                adminNickName: ''
            }
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>

    #content{
        height: 600px;
        overflow: auto;
    }

    #index .nav {
        box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
        margin-bottom: 5px; /*面包屑导航与内容表格之间的距离*/
     }
    .container {
        display: flex;
        background-color: #fff;
    }
    .main_wrapper {
        overflow: hidden;
        flex: 1;
        background-color: #fff;
    }
</style>

